<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/order.css">
	<link rel="stylesheet" href="css/foot.css">
	<link rel="stylesheet" href="css/top.css">
	<script type="text/javascript" src="js/rem.js"></script>
	<title>订单</title>
</head>
<body>
	<div class="room">
		<!-- 头部开始 -->
		<div class="top">
			<a href="my.html"><div><i class="iconfont">&#xe6a5;</i></div></a>
			<div><span>我的订单</span></div>
			<a href="search.html"><div><i class="iconfont">&#xe609;</i></div></a>
		</div>
		<!-- 头部结束 -->
		<main>
		<div class="mulu">
			<div><span class="act">全部</span></div>
			<div><span>待付款</span></div>
			<div><span>待收货</span></div>
		</div>
		<div class="yinying"></div>
		<!-- 订单开始 -->
		<div class="bigboxs" style="width: 100%;overflow: hidden;">
		<div class="bigbox" style="width: 300%;display: flex;position: relative; left=0; transition:all 0.3s;">
			<div>
			<div class="dingdan1">
				<div class="dingdan1-1">
					<span>订单日期：2017/04/11 18：48</span><span>等待付款</span>
				</div>
				<div class="dingdan1-2">订单编号：2063566530</div>
				<div class="dingdan1-3"></div>
			</div>
			<div class="xiangqing">
				<div class="xiangqing1">
					<img src="//i1.mifile.cn/a1/pms_1510020567.64467830!180x1800.jpg" alt="">
					<span>米家空气净化器MAX 白色</span>
				</div>
				<div class="xiangqing2">
					<img src="//i1.mifile.cn/a1/pms_1501236937.96732594!180x1800.jpg" alt="">
					<span>米粉卡日租卡</span>
				</div>
				<footer class="xiangqing3"></footer>
			</div>
			<div class="fuqian">
				<div class="fuqian1">
					<div class="fuqian1-1">
						<span>共两件商品 &nbsp;&nbsp;&nbsp;总金额：</span><span>1999元</span>
					</div>
					<div class="fuqian1-2">
						<a href=""><div>取消订单</div></a>
						<a href=""><div>立即付款</div></a>
					</div>
				</div>
			</div>
			</div>
			<!-- 订单结束 -->
			<div>
			<div class="dingdan1">
				<div class="dingdan1-1">
					<span>订单日期：2017/04/11 18：48</span><span>等待付款</span>
				</div>
				<div class="dingdan1-2">订单编号：2063566530</div>
				<div class="dingdan1-3"></div>
			</div>
			<div class="xiangqing">
				<div class="xiangqing1">
					<img src="//i1.mifile.cn/a1/pms_1510020567.64467830!180x1800.jpg" alt="">
					<span>米家空气净化器MAX 白色</span>
				</div>
				<div class="xiangqing2">
					<img src="//i1.mifile.cn/a1/pms_1501236937.96732594!180x1800.jpg" alt="">
					<span>米粉卡日租卡</span>
				</div>
				<footer class="xiangqing3"></footer>
			</div>
			<div class="fuqian">
				<div class="fuqian1">
					<div class="fuqian1-1">
						<span>共两件商品 &nbsp;&nbsp;&nbsp;总金额：</span><span>1999元</span>
					</div>
					<div class="fuqian1-2">
						<a href=""><div>取消订单</div></a>
						<a href=""><div>立即付款</div></a>
					</div>
				</div>
			</div>
			</div>
			<!-- 订单结束 -->
			<div>
			<div class="dingdan1">
				<div class="dingdan1-1">
					<span>订单日期：2017/04/11 18：48</span><span>等待付款</span>
				</div>
				<div class="dingdan1-2">订单编号：2063566530</div>
				<div class="dingdan1-3"></div>
			</div>
			<div class="xiangqing">
				<div class="xiangqing1">
					<img src="//i1.mifile.cn/a1/pms_1510020567.64467830!180x1800.jpg" alt="">
					<span>米家空气净化器MAX 白色</span>
				</div>
				<div class="xiangqing2">
					<img src="//i1.mifile.cn/a1/pms_1501236937.96732594!180x1800.jpg" alt="">
					<span>米粉卡日租卡</span>
				</div>
				<footer class="xiangqing3"></footer>
			</div>
			<div class="fuqian">
				<div class="fuqian1">
					<div class="fuqian1-1">
						<span>共两件商品 &nbsp;&nbsp;&nbsp;总金额：</span><span>1999元</span>
					</div>
					<div class="fuqian1-2">
						<a href=""><div>取消订单</div></a>
						<a href=""><div>立即付款</div></a>
					</div>
				</div>
			</div>
			</div>
			<!-- 订单结束 -->
		</div>
		</div>
		</main>
		<!-- 底部开始 -->
		<div class="bottom">
			<a href="index.html">
				<div class="bottom1"><i class="iconfont">&#xe61e;</i></div>
				<div class="bottom1"><span>首页</span></div>
			</a>
			<a href="category.html">
				<div><i class="iconfont">&#xe601;</i></div>
				<div><span>分类</span></div>
			</a>
			<a href="">
				<div><i class="iconfont">&#xe655;</i></div>
				<div><span>购物车</span></div>
			</a>
			<a href="">
				<div class="bottom4"><i class="iconfont">&#xe612;</i></div>
				<div class="bottom4"><span>我的</span></div>
			</a>
		</div>
		<!-- 底部结束 -->
	</div>
</body>
<script src="js/order.js">
</script>
</html>